﻿.custom-manip-scrollbar {
    &-grid {
        display: -ms-grid;
        -ms-grid-columns: 1fr 17px;
        -ms-grid-rows: 1fr 17px; 
        height: 100%;
        width: 100%;
        overflow:hidden;
    }
    
    -ms-grid-row-align: stretch;
    -ms-grid-column-align: stretch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    z-index: 2;

    &.horizontal {
        -ms-grid-row: 2;
        overflow-x: scroll;
    }

    &.vertical {
        -ms-grid-column: 2;
        overflow-y: scroll;
    }

    
}

.custom-manip-scroll{
    &-content {
        -ms-grid-column-span: 2;
        -ms-grid-row-span: 2;
    }

    &-dummy-content {
        display: block;
        width: 17px;
        height: 17px;
    }
}